<template>
	<div class="inspection">
		<el-row style="text-align:center;">
			<el-col :span="24">检查列表</el-col>
		</el-row>
		<el-row v-for="(item,index) in inspects" :key="index">
			<span @click="item.inspectBL = true" style="cursor:pointer;">{{item.inspectName}}</span>
			<el-dialog
			:title='"【"+item.inspectName+"】检查内容"'
			:visible.sync="item.inspectBL"
			width="30%">
			<div>
				<el-row v-for="(ite,inde) in item.inspectItemsList" :key="inde">
					<!--显示文字类-->
					<el-col :span="24" v-if="ite.itemType==1">
						<el-checkbox :label="ite.itemCode">{{ite.itemName}}</el-checkbox>
					</el-col>
					<!--显示图片类-->
					<el-col :span="24" v-if="ite.itemType==2">
						<el-checkbox :label="ite.itemCode">&nbsp;</el-checkbox><img width="500" :src='"/static/sternums/"+ite.itemName'>
					</el-col>
				</el-row>
			</div>
			<span slot="footer" class="dialog-footer">
				<el-button @click="item.inspectBL = false">取 消</el-button>
				<el-button type="primary" @click="item.inspectBL = false">确 定</el-button>
			</span>
		</el-dialog>
	</el-row>
	</div>
</template>
<script type="text/javascript">
import bus from '@/eventBus.js'
	export default{
		name: 'Inspection',
		data(){
			return {
				
			}
		}	
	}
</script>
<style type="text/css">
	.inspection{
	height: 700px;
	border: 1px solid #cccccc;
	overflow: auto;
	background-color: #ffffff;
	text-align: left;
	padding-left: 10px;
	line-height: 30px;
	}
</style>